<%-- 
    Document   : index
    Created on : 28-dic-2011, 1:35:24
    Author     : Hades
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Actualizacion</title>
        <link rel="stylesheet" type="text/css" href="css/style.css">
	<script language="JavaScript" type="text/javascript" src="js/jquery-1.7.1.js">
        </script>
        <script language="JavaScript" type="text/javascript" src="js/jquery-validation-1.9.0/jquery.validate.js">
        </script>
        <script language="JavaScript" type="text/javascript" src="js/jquery.maskedinput-1.3.js">
        </script>
        <script>
         $(document).ready(function(){
         $("#formulario").validate(
          {
              rules:{control:{requiere:true},nombre:{requiere:true},nombrePaterno:{requiere:true},nombreMaterno:{requiere:true},edad:{requiere:true},semestre:{requiere:true},idCarrera:{requiere:true},direccion:{requiere:true}},
              messages:{control:"Ingrese numero de Control",nombre:"Ingrese su nombre",nombrePaterno:"Ingrese su apellido Paterno",nombreMaterno:"Ingrese apellido Materno",edad:"Ingrese la edad",semestre:"Ingrese el semestre",idCarrera:"Ingrese el ID de la Carrera",direccion:"Ingrese la Direccion"}
          }
        )
         });
         </script>
         <!-- 
         Script que utiliza mascaras de JQuery para validar
         -->
        <script type="text/javascript"> 
        jQuery(function($){ 
        $("#control").mask("999999999"); 
        $("#nombre").mask("a?aaaaaaaaaa"); 
        $("#nombrePaterno").mask("aaaaa?aaaaaaaa"); 
        $("#nombreMaterno").mask("aaaaa?aaaaaaaa"); 
        $("#edad").mask("99?9"); 
        $("#semestre").mask("99"); 
        $("#idCarrera").mask("999?99"); 
        $("#direccion").mask("************?***************"); 
        }); 
        </script>
    </head>
    <body>
           <form id="formulario" name="formulario" method="post" action="pruebaServlet">
        <table align="center">
            <tr>
                <td colspan="2" align="center"><h1>Actualizar Datos<h1></td>
            </tr>
            <tr>
                <td># control</td>
                <td><input type="text" id="control" name="control" class="required"/></td>
            </tr>
            <tr>
                <td>nombre</td>
                <td><input type="text" id="nombre" name="nombre" class="required"/></td>
            </tr>
            <tr>
                <td>nombre paterno</td>
                <td><input type="text" id="nombrePaterno" name="nombrePaterno" class="required"/></td>
            </tr>
            <tr>
                <td>nombre materno</td>
                <td><input type="text" id="nombreMaterno" name="nombreMaterno" class="required"/> </td>
            </tr>
            <tr>
                <td>edad</td>
                <td><input type="text" id="edad" name="edad" class="required"/></td>
            </tr>
            <tr>
                <td>semestre</td>
                <td><input type="text" id="semestre" name="semestre" class="required"/></td>
            </tr>
              <tr>
                <td>Identificador de Carrera</td>
                <td><input type="text" id="idCarrera" name="idCarrera" class="required"/></td>
            </tr>
             <tr>
                <td>Direccion</td>
                <td><input type="text" id="direccion" name="direccion" class="required"/></td>
            </tr>
            <tr>
                 <td colspan="2" align="center"><input type="submit" value="enviar" /></td>
             </tr>
        </table>
         </form>
    </body>
</html>
